<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>综合案例--框架已经搭好</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="box">
        <!-- 上方 -->
        <div class="top">
            <!-- 标题 -->
            <div class="title">科技</div>
        </div>
        <!-- 下方 -->
        <div class="bottom">
            <!-- left -->
            <div class="left">
                <!-- 列表 -->
                <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <!-- 中间 -->
            <div class="middle">
                <div class="middle-top"></div>
                <div class="middle-middle"></div>
                <div class="middle-bottom">
                    <div class="middle-bottom-left">
                      
                    </div>
                    <div class="middle-bottom-right">

                    </div>
                </div>
            </div>
            <!-- 右 -->
            <div class="right">
                <!-- 科技数码 -->
                <div class="right-top"></div>
                <!-- 中间图片 标题 左右 -->
                <div class="right-middle">
                      <!-- 左边图片 -->
                      <div class="div1">

                      </div>
                      <!-- 右边盒子分三块 -->
                      <div class="div2">
                          <!-- 上 -->
                          <div class="div2-top">
                            
                          </div>
                          <!-- 中间题 -->
                          <div class="div2-zhong">

                          </div>
                          <!-- 下边右下角 -->
                          <div class="div2-youxia">

                          </div>
                      </div>
                </div>
                <!-- 下方列表 -->
                <div class="right-bottom">

                </div>
            </div>
        </div>
    </div>
</body>

</html>